<link rel="stylesheet" href="./demo.css">

<div class="box box1">
    <img src="./imgs/img1.jpg" alt="">
    <ul>
        <li class="active"></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li> 
    </ul>
</div>

<div class="box box2">
    <img src="./imgs/img1.jpg" alt="">
    <ul>
        <li class="active"></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>   
        <li></li>
    </ul>
</div>

<div class="box box3">
    <img src="./imgs/img1.jpg" alt="">
    <ul>
        <li class="active"></l      i>
        <li></li>
        <li></li>
        <li></li>
        <li></li>   
        <li></li>
    </ul>
</div>

<script src="./轮播图2.js"></script>
<script>
let swiper1 = new Swiper('.box1')
let swiper2 = new Swiper('.box2')
let swiper3 = new Swiper('.box3')

/*
栈              堆
swiper1：地址1  {el:box1标签对象，pages, num:1, t,__proto__:}
swiper2：地址2  {el:box2标签对象，pages,num: 1,t, __proto__:}
*/
</script>